<div class="ya_main component-2" id="ke-header">
	<div class="menu-toggle-icon ">
		<a href="${root}zb/"><span>直播间</span></a>
	</div>
	<div class="header-title">
		<h4 class="header-title-hd" q-html="courseSubTitle">${obj.title!}&nbsp;&nbsp;<small>${video.title!}</small></h4>
		<p style="display: none;">
			<a class="header-title-bd" q-html="name | setPlayListName"
				q-on="click: jumpToTask"></a>
		</p>
	</div>
	<div class="header-sign" q-class="header-sign-show: showSign">
		<p class="header-sign-tips">报名后可以收到上课提醒，并记录学习进度</p>
		<a href="javascript:void(0);" class="header-sign-btn"
			q-on="click: gotoSign">立即报名</a> <i class="icon-font i-close"
			q-on="click: closeSign"></i>
	</div>
	<div class="header-right">
		<span
			class="header-comment header-comment-text header-icon hidden gray"
			q-class="gray: canComment | !, hidden:showCommentBtn | !"
			q-on="mouseover: doCommentTips, mouseleave: hideCommentTips, click: doComment"
			title="评论"> 评论
			<ul class="comment-tip" q-show="showCommentTips"
				q-on="mouseover: doCommentTips, mouseleave: hideCommentTips"
				style="display: none;">
				<li>需要满足以下条件，才能评论老师：</li>
				<li><i class="icon-arrow-up"></i><i class="icon-font i-success"
					q-class="uint32_status | getTipClass"></i> <span class="tips"
					q-text="str_title">报名该课程</span> <span
					q-html="uint32_status | getCommentTips"><span class="green">已达成</span></span>
				</li>
				<li><i class="icon-arrow-up"></i><i class="icon-font i-info"
					q-class="uint32_status | getTipClass"></i> <span class="tips"
					q-text="str_title">进行了学习任务</span> <span
					q-html="uint32_status | getCommentTips"><span class="gray">未达成</span></span>
				</li>
				<li><i class="icon-arrow-up"></i><i class="icon-font i-success"
					q-class="uint32_status | getTipClass"></i> <span class="tips"
					q-text="str_title">只有学员可以评论</span> <span
					q-html="uint32_status | getCommentTips"><span class="green">已达成</span></span>
				</li>
				<li><i class="icon-arrow-up"></i><i class="icon-font i-success"
					q-class="uint32_status | getTipClass"></i> <span class="tips"
					q-text="str_title">QQ等级达到一个太阳以上</span> <span
					q-html="uint32_status | getCommentTips"><span class="green">已达成</span></span>
				</li>
				<!--q-repeat-->
			</ul>
		</span> <span class="header-share header-share-text header-icon"
			q-on="mouseover: showShare, mouseleave: hideShare"> 分享
			<div q-show="showShareTips" class="share-tip"
				q-on="mouseover: showShare, mouseleave: hideShare"
				style="display: none;">
				<ul class="yb_main" id="ke-share">
					<i class="icon-arrow-up"></i>
					<li class="share-qq" q-on="click: doQQShare"></li>
					<li class="share-qzone" q-on="click: doQzoneShare"></li>
					<li class="share-weixin" q-on="click: doWeixinShare"></li>
				</ul>
			</div>
		</span>
		
		<span class="header-contact header-icon active" id="live-chat">关闭聊天室</span>
		<span class="header-contact header-icon" > <a
			href="javascript: void(0);">联系老师</a>
		</span> <span class="header-jubao header-icon" >
			<a href="javascript: void(0);">...</a>
			<ul class="mod-header__user-operations">
				<li class="from-triangle"></li>
				<li class="li-item"><a href="javascript:void(0);"
					rel="nofollow">意见反馈</a></li>
				<li class="li-item"><a href="javascript:void(0);"
					rel="nofollow">违规举报</a></li>
				<li class="li-item last"><a href="${root}faq.html#/0/3"
					rel="nofollow" target="_blank">帮助</a></li>
			</ul>
		</span>
		<div class="yy_container" >
			<!--q-if-->
			<div class="mod-header_wrap-user" >
				<a href="${root}users/"><img src="${www}${session.user.img!}" alt="" class="mod-header__user-img"
					width="30" height="30" ></a>
				<!--q-if-->
				<ul class="mod-header__user-operations">
					<li class="li-item"><a
						href="${root}users/" target="_blank"
						class="mod-header__user-operation">我的课表</a></li>
					<li class="li-item last"><a href="${root}users/logout"
						class="mod-header__link-logout" >退出</a></li>
				</ul>
			</div>
		</div>
	</div>
	
	<div class="ke-playlist" style="display: none;">
		<div class="yc_main" id="ke-playlist" q-ref="playList">
			<div id="play-list" class="play-list nano has-scrollbar"
				style="display: block;">
				<div class="nano-content" tabindex="0" style="right: -17px;">
					<div q-attr="termId | setTermid">
						<div class="course-header">
							<a class="link" target="_blank"
								q-attr="href: | getCourseDetailUrl"
								href="javascript:void(0);"><span>《</span><span
								q-html="| setCourseName $this">${obj.title!}</span><span>》</span></a>
						</div>
						<div class="top-list">
							<!--:for(c in chapters!){  -->
							<div class="chapter-list" q-attr="data-href:href">
								<div class="title js-chapter-course-title">
									<span class="chapter-title"
										q-html="name | getChapterTitle $this"
										q-attr="title: name | getChapterTitle $this"
										title="第${cLP.index}节  ${c.title}">第${cLP.index}节 ${c.title}</span>
								</div>
								<ul class="chapter-course js-chapter-course"
									q-attr="data-index: $this |getChapterIndex" data-index="0">
									<!--:for(c1 in c.list){  -->
									<li class="course-list">
									<i q-class="task-live task-video task-file task-exam" class="task-${c1.type!}"></i> 
									<span
										class="course-list-header js-course-list-header"
										q-attr="resid: subTask | getResid, tasktype: | getTaskType"
										q-on="click: courseSelect(e, this)"
										q-class="js-active: $top.currentTaid| getRecord $this"
										resid="n1400j0hkjm" tasktype="2"> <span
											class="title course-title js-course-title"
											q-html="type | getCourseName $this"
											q-attr="title: type | getCourseName $this, data-cid: cid, data-aid: aid, data-tid: tid, data-type: type, data-target: type |getLiveTencent $this"
											q-class="fill-title:| isPlayback $this, fill-try:tryListenType | getListener $this, fill-all:tryListenType | getListener $this | fillAndTry $this"
											title="${c1.title} " data-cid="8509"
											data-aid="11183" data-tid="100002123" data-type="2"
											style="max-width: 224px;">${c1.title}
										</span> <span class="tt-suffix js-tt-suffix"
											q-class="living-tip: isliving"
											q-html="type | getSuffix $this">(20分钟)</span> <!--q-if--> <!--q-if-->
											<i class="toggle-icon icon-font icon-replay i-v-right"
											q-show="| isPlayback $this"
											q-class="arrow-up: | isPlayback $this,isToggle | returnClass"
											style="display: none;"></i>
									</span> <!--q-if--></li>
									<!--:}  -->
								</ul>
							</div>
							<!--:}  -->
							<!--q-repeat-->
						</div>
						<!--q-repeat-->
					</div>
					<!--q-repeat-->
				</div>
				<div class="nano-pane" style="display: block;">
					<div class="nano-slider"
						style="height: 59px; transform: translate(0px, 0px);"></div>
				</div>
			</div>
		</div>
	</div>
	<!--q-if-->
	<!--q-if-->
	<!--q-if-->
	<!--q-if-->
	<!--q-if-->
</div>